<template>
  <div class="fullMain" style="max-height: calc(100% - 50px);overflow: scroll;">
    <div style="position:fixed; width:100%; z-index:999">
      <x-header :left-options="{backText: '',showBack: false}"
                :right-options="{showMore: true}" @on-click-more="showMenusOfCreateAndJoin = true">未完成日报成员名单
      </x-header>
    </div>
    <!--插入验证提示框-->
    <div v-transfer-dom>
      <alert v-model="isShowAlert"> {{alertText}}</alert>
    </div>
    <!-- 底部导航栏 -->
    <NavigationOfReport :flagOfItem.sync="flagOfItem"></NavigationOfReport>
    <div class="mainbBg">

    </div>
  </div>
</template>

<script>
  import {XHeader, TransferDom } from 'vux'
  import {mapState} from 'Vuex'
  import NavigationOfReport from 'components/Navigation/NavigationOfReport.vue'
  import group from 'api/group'
  import report from 'api/report'

  export default {
    name: 'G_group_chat',
    components: {
      XHeader,
      NavigationOfReport,
    },
    data () {
      return {
        alertText: '',
        isShowAlert: false,
        flagOfItem: 'group',
      }
    },
    computed: {
      ...mapState({
        userInfo: state => state.user.userInfo
      }),
    },
    created () {
      this.init()
    },
    mounted () {

  },
    directives: {
      TransferDom
    },
    watch: {
    },
    methods: {
      back () {
        this.$router.go(-1)
      },
      showAlert (alertText) {
        this.isShowAlert = true
        this.alertText = alertText
      },
      closeTip () {
        this.isShowAlert = false
        this.alertText = ''
      },
      async init(){
        const result=await report.getYesterdayUnfinished(21)
        console.log(result)
      },
    }
  }
</script>
<style scoped>
</style>
